在 React 中使用 element-ui
根据官方文档在 React 中使用 element-uiStep 1：npm 安装npm i element-react --saveStep 2：下载主题包npm install element-theme-default --saveStep 3：在 React 中使用打开需要使用到 element-ui 的 jsx 文件，在头部添加import React from \'react\';import ReactDOM from \'react-dom\';import { Button } from ...
2024-01-10
【element-ui】element 表格错行问题
有朋友在使用element的时候遇到这种情况吗？表格中上传附件，删除附件后表格错行了。尝试使用了doLayout方法也没有效果，求指教！...
2024-01-10
vue element项目引入icon图标的方法
为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的图标库.因为阿里巴巴海量的图标,所以决定引入阿里巴巴的图标库 阿里巴巴图标网站: http://www.iconfont.cn/下面具体介绍如何使用 ...
2024-01-10
【element-ui】 Element 引入到项目中报错
1、vue项目目录为：2、引入import 'element-ui/lib/theme-default/index.css'这段代码就报错为：config文件：编辑config报错：回答：你先去查一下element-ui/..../index.css内部自定义字体文件(ttf、woff)的路径跟你现在的结构对不对的上。然后vue的全家桶里对这几种字体文件有个配置，可以参考一下{ test: /\.(woff2?|eo...
2024-01-10
el-input如何设置默认值，用element做的
用v-model绑定数据显示不出来el-input放在form里面求解回答：看代码没有问题。是不是哪个地方重置了form回答：1、首先语法没有问题，检查下拼写有没有错误2、要是弹窗输入的话，看看有没有别人写的或者全局的表单重置方法，例如reset()方法3、最后可以试试添加一个create()生命周期钩子，在里面写一个获取理由审核理由方法在里面对form.check_content进行赋值，然...
2024-02-19
【element-ui】Vue中，如何使select 只读？
<el-select v-model="warnInfo.warnMethodsList" @focus="this.blur()" multiple clearable size="mini" style="width:100%" placeho...
2024-01-10在element-ui的select下拉框加上滚动加载
在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。自然，后端就做了一项非常“漂亮”的交互体验数据——分页这不分页还好，一分页对超过10条...
2024-01-10
Vue+Element 实现excel的导入导出
Vue+Element 实现excel的导入导出在最近项目中，用到了模板下载与批量上传的功能，下面是实现步骤（本地环境是@vue/cli 4.3.1+element，vue2.0可能会有报错，自行调整即可）一、环境安装1、先安装相关依赖1 npm install -S xlsx file-saver2 npm install -D script-loader2、依赖装完之后，还需要准备两个js文件，分别是Blo...
2024-01-10
vue element ui table树形结构高亮问题
这样一个树形表格，想在插入完数据之后高亮插入的那一行，如果添加的是子级，并且父级没有展开的话，展开父级，高亮当前插入行，感谢各位数据结构： 每一条的areaLists是子级[ { "id": "64d9312c-915d-43cc-b978-b292c543bb67", "areaNumber": "0001", "areaName": "济...
2024-02-23
【element-ui】element UI语言切换时遇到问题？
各位下午好，我们的项目使用了vue-i18n@7.x作为语言切换插件，后来在项目中引入了elementUI,想把elementUI中的语言切换和该插件结合起来。我是这样做的：import Vue from 'vue'import VueI18n from 'vue-i18n'import eleLocale from 'element-ui/lib/locale';import enLocale from 'element-ui/lib/locale/lang/en'import zhLocale from...
2024-01-10
Vue-cli4 配置 element-ui 按需引入操作
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1 node与vue的版本情况#2 未按需加载打包后的文件情况由上图看出，只是引入了 element-ui 框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。eleme...
2024-01-10
vue element-ui中table合计指定列求和实例
注意点：1. <el-table> 中 加:summary-method="getSummaries"2. <el-table-column> 中要加 prop// 房间号的合计去掉 getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 0) { sums[index] = '总计' } else if (...
2024-01-10element ui table（表格）实现点击一行展开功能
前言element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。element ui表格中有一个功能是展开行，在2.0版本官网例子中，只可以点击右箭头可以展开，我们的很多需求是点击某一行展开那是不是无法实现呢？其实，借助element ui的一些属性，轻松实现点击某行展开，...
2024-01-10
【element-ui】关于element ui表格动态加载数据问题
写了一个计时器，计时器每隔5秒请求后台数据，然后再将数据传给element ui的表格渲染，数据可以出来，但是在重新渲染数据时表格会有抖动，用户体验不好，请问如何解决？表格为空时是显示无数据，高度就一行tr那么高，有数据的时候高度比较大，所以动态渲染数据时就出现了抖动现象。当有数据...
2024-01-10
【element-ui】ElementUI 表格关闭扩展行无法选中改行
表格渲染成功选中一行，给当前选中行渲染了颜色 .el-table__body tr.current-row > td { background-color: #1d8ce0;te;}同时用户展开某一行expand，当前展开行也给同样给了颜色.el-table__body tr.expanded > td { background-color: #1d8ce0; color: white;}但是当用户关闭展开行时，该行点击无法再次选中，只有选中其他行之后再次点击...
2024-01-10
element 的el-menu组件左右纸叠时候没有动画
使用的是el-menu的左右纸叠组件,去掉了el-menu的自带的动画给el-aside添加的动画,但是收起的时候el-menu瞬间就回去了展开时才会同步el-aside的动画下面是我的代码回答：/deep/ .el-aside { // overflow: unset; transition: width 0.8s; -moz-transition: width...
2024-02-28
【element-ui】el table中的按钮怎么让它不可点击
我选择之后，这行的按钮不可点击回答：可以自定义数据里面增加isDisabled：false 赋值给button的disabled根据选择与否来控制回答：绑定scope可以知道当前行 <el-table :data="tableData" style="width: 100%" :height="height" v-loading="loading" element-loading-text="拼命加载中" @row-...
2024-01-10
【element-ui】router-link在IE11下不跳转
router-link路由跳转，在chrome和Edge都能正常跳转下一个页面,IE下点击没有任何反应。回答：这个是vue-router的一个issue这里面讨论的内容跟你说的一样，在IE11上无法用router-link跳转，主要是当url的hash change的时候浏览器没有做出相应。里面主要是做了一个兼容。if ( '-ms-scroll-limit' in document.documentElement.styl...
2024-01-10
【element-ui】element上传图片为什么样式不一样？
官方的是这样的 而我的是下面这样的 多了一个选择文件的按钮 用的文档给的代码 这是为什么？用的chrome浏览器<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-...
2024-01-10
【element-ui】vue+element中表格嵌套怎么做？
用的vue+element，现在需要做下面的东西，就是把下面的数据显示到el-table里这是数据[ { "productId": 3215, "productName": "在", "productNo": null, "goodsList": [ { "id": 3169, "name": "【已完成】Blackmores 澳佳宝 圣洁莓精华 40粒*2瓶", "vipName": null, "vipPrice...
2024-01-10
【element-ui】在 VUE 中加 element-ui 时报错？
安装步骤：npm install element-ui@next -Swebpack.base.conf.js 中加入了 { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, loa...
2024-01-10
【element-ui】vue+element-ui 怎么取消实体引用？
如下图，我用 vue+ element-ui， 后台数据传过来后， 把标签里的 <> 解析成 lt 和 gt, 这样前台渲染的时候，不能解析标签，这个怎么办？回答：<p v-html="unescapeHTML(myhtml)"></p> data:{ myhtml:"P<sub>2</sub>"}methods:{ unescapeHTML:function (a){ a = "" + a; ...
2024-01-10
【Vue】使用element ui 中的switch开关发现的问题
代码如图：使用limitSwitch绑定switch的v-model，默认为true。但是现在在发现:当第一次点击开关时，limitSwitch不会发生变化仍为true(但此时开关是闭合状态的)，第二次点击后limitSwitch才会变化为false。这种情况我认为很奇怪，不知道有没有人能给个合理的解释呢？【回答】我知道了。。。因为点击第一次时状...
2024-01-10
【element-ui】vue怎么获取到element组件的位置？
我用这种方式获取html的div位置能获取到，但是获取element组件位置时候报错。请问怎么才能获取到element组件的位置？回答：加个$el回答：这里 ref 得到的是 el-col 的实例，而不是 dom。要得到 dom，请用 document.getElementById()...
2024-01-10
【element-ui】elementui中的表单组件设置名称问题
如图所示，如何让写入的 符号生效回答：api 最后有，使用 slot，在 slot 中使用 html 转译符号： <el-form-item label="姓名"> <label slot="label">姓 名</label> </el-form-item>https://cn.vuejs.org/v2/guide...http://element.eleme.io/#/zh-...回答： ?回答：你是想用 来加空格？然后无法解析成空格？可以用输入法加...
2024-01-10
